<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html lang="en">
<head>
	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
	<title>Pure CSS accordion</title>
<link rel="stylesheet" type="text/css" href="../CSS/mainList.css">
</head>

<body id="home">

	
	


	<ul class="accordion">
		
		<li class="slide-01">
			
			<div>

				
				<h2>Box Office</h2>
				
				<img src ="C:\Users\ICIA\Desktop\77379116051_727.jpg" height=200px; width=400px;>
				<!-- 
				<p></p>
				 -->
			</div>
			
		</li>
		
		<li class="slide-02">
			
			<div>
				
				<h2>Recom Movie</h2>
				<img src = "C:\Users\ICIA\Desktop\77236113986_727.jpg" height=200px; width=400px;>

				<!--
				<p></p>
				-->
			</div>
			
		</li>
		
		<li class="slide-03">
			
			<div>
				
				<h2>New Movie</h2>
				<img src = "C:\Users\ICIA\Desktop\77309115828_727.jpg" height=200px; width=400px;>
				<!-- 
				<p></p>
				 -->
				
			</div>
			
		</li>
		
		<li class="slide-04">
			
			<div>
				
				<h2>Indi Movie</h2>
				<img src = "C:\Users\ICIA\Desktop\77420114036_727.jpg" height=200px; width=400px;>
				<span></span>
				
				<!--
				<p></p>
				-->
			</div>
			
		</li>

		
		<li class="slide-05">
			
			<div>
				
				<h2>Action Movie</h2>
				<img src = "C:\Users\ICIA\Desktop\77419114084_727.jpg" height=200px; width=400px;>
				<!--
				<p></p>
				-->
			</div>
			
		</li>
		
	</ul>

	<ul class="accordion" id="vertical">
		
	</ul>
</body>
</html>
